.bg{
	background-color: #E6E6FA;
}

.mainBox{
	/*使整个div水平居中的方法！注意是整个div居中，而不是里面的文本居中*/
    margin-left: auto;
	margin-right: auto;
	/*border属性的设置方法*/
    border: 1px solid red;
	width: 600px;
	height: 600px;


}

.mainBox ul li {
	width: 198px;
	height: 198px;
	
	font-size: 8em;
	/*设置该元素中字体的颜色*/
	color: #FFFFFF;
	/*设置列表按照水平的方式显示*/
	display: inline-block;
	/*利用行高实现垂直居中*/
	line-height: 200px;
	/*利用text-align实现水平居中*/
    text-align: center;
    /*一定要加定位方式，否则动画效果不能出来*/
    position: relative;
}

.number{
	/*设置该元素中的背景颜色*/
	background-color: #7CCD7C;
	border: 1px solid #696969;
}

.special{
	border: 1px solid #E6E6FA;
	opacity: 0;
}

.reset{
	margin-left: auto;
	margin-right: auto;
    margin-top: 10px;
	position:relative;
    text-align: center;
}
.buttonCss{
	width: 200px;
	height: 50px;
	font-size: 2em;
}
.nInput{
	position: relative;
	margin-top: -300px;
	margin-left: 1050px;
	font-size: 1.5em;
}

.box{
	width: 100px;
	height: 30px;
	position: relative;
	top: -3px;
	font-size: 0.8em;
}
.submit{
	font-size: 0.8em;
}

